<!DOCTYPE html>
<html lang="ch-CN">
<head>
    <meta charset="UTF-8">
    <title>while的应用！！</title>
</head>
<style>
    body {
        width: 100%;
        height: 100vh;
        background-color: wheat;
        font-size: 30px;
        text-decoration: none;
    }
</style>
<body>
</body>
<script>
    //换背景，输入的是 颜色的名称或十六进制值，正确就换取背景 否则继续循环
    while (true) {
        alert("while的应用！！");
        let color = prompt("请输入color！！");
        if (/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$|^[a-zA-Z]+$/.test(color)) {
            // 设置 HTML 背景颜色
            document.body.style.backgroundColor = color;
            break;
        } else {
            // 弹窗提示输入不正确
            alert("你输入的颜色值不正确！");
        }
    }
    // while--先判断在循环
    //循环计算  年利率为5%，1000元增长到5000元 需要多少年
    let i = 0;
    let money = 1000
    while (money < 5000) {
        money += money * 0.05
        i++
    }
    document.write("需要：" + i + "年")
</script>
</html>